<template>
<div>
  <el-row  :gutter="20">
    <el-col :span="10">
        <el-card  class="box-card">
          <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="文件名称">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="保存路径">
              <el-select v-model="form.path" placeholder="请选择保存路径">
                <el-option label="磁盘C" value="C"></el-option>
                <el-option label="磁盘D" value="D"></el-option>
                <el-option label="磁盘E" value="E"></el-option>
                <el-option label="磁盘F" value="F"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="保存目录">
              <el-input v-model="form.dir"></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="onSubmit(form)">立即创建</el-button>
              <el-button>取消</el-button>
            </el-form-item>
          </el-form>
        </el-card>
      </el-col>
  </el-row>
</div>
</template>

<script>

import PathCard from '@/views/word/common/pathCard'
import loadApi from '@/api/word';
export default {
  components: { PathCard },
  name: 'test',
  data() {
    return {
      form: {
        name: '',
        path:'',
        dir:''
      }
    }
  },
  methods: {
    async onSubmit(form) {
      let res = await loadApi.word(form)
      console.log('submit!');
    }
  }

}
</script>

<style scoped>
.box-card{
  /*width: 500px;*/
  margin-top: 50px;
  margin-left: 50px;
}
.el-input{
  width: 200px;
}



</style>
